@charset "utf-8";
/* CSS Document */
body,html {background:#fff; }

.subVisual {background-size:cover; height:160px;}

.subConBg {background:#fff;}

.subTitle {margin-top:30px; margin-bottom:30px; border-bottom:1px solid #ccc; position:relative; }
	.subTitle p {font-size:30px; letter-spacing:-1px; font-weight:600; padding-bottom:5px;}
.position {position:absolute; bottom:0; right:0px;}
	.position li {display:inline-block; }
		.position li a {display:inline-block; font-size:12px; padding:.3em .2em .6em .2em; color:#666;}
			
.subConTitle {font-size:23px; font-weight:600; letter-spacing:-1px; margin:1em 0 .2em 0; background:url("../img/sub/icon_title2-1.png") no-repeat 0 10px; padding-left:20px}
.subConTitle:first-child {margin-top:0;}
.fileDown {font-size:18px; margin:.5em 0; font-weight:normal; background-position:0 6px;}
.fileDown:hover {text-decoration:underline;}
	.fileDown img {margin: 0 0 7px 3px;}
	.fileDown .fileDownColor {color:#e84862; font-weight:600;}
	.subConTitle .subText {font-size:20px; font-weight:normal; display:inline-block; margin-left:5px; color:#aaa;}
	.subConTitle .subText2 {font-size:15px; display:inline-block; margin-left:5px; color:#444;}


/*tab*/
.subCon {padding-left:20px; letter-spacing:-1px;}
	.rent {font-size: 16px;  border-radius: 3px; padding: .3em .5em; vertical-align: middle; color: #969a9e; margin-left: 5px; border: 1px solid #ccc;}
		.rent:hover {border:1px solid #444;}
			.rent img {margin-right:3px; vertical-align:middle; margin-bottom:3px;}
		.tabBox a {background:#e6e7ef; color:#666;}
		.tabBox .active {background-color:#00275e !important;}
	/*.subH2 {background:url("../img/sub/icon_title3.png") no-repeat 0 5px; padding-left:5px; font-size:17px; color:#222;}*/
	.subH2Red {color:#F33; background:none; font-size:14px; font-weight:600;}
	.subCon table {width:100%;}
		.subCon table th {background:#f7f7fb; border-top:2px solid #696c75; border-bottom:1px solid #999; border-right:1px solid #cacdd2; padding:5px; text-align:center; font-size:15px;}
		.subCon table th:last-child {border-right:0;}
		.subCon table td {border:1px solid #ddd; padding:5px; text-align:center; font-size:15px;}
		.subCon table td:first-child {border-left:0;}
		.subCon table td:last-child {border-right:0;}

	.subCon2 {padding-left:15px; margin:5px 0;}
		.subCon2 li {font-size:14px; color:#333;}
		.subCon2 li::before {content:"· "; font-weight:600;}
		.subCon2 li.textBold {font-weight:600; text-decoration:underline;}

	.step {display:inline-block !important; }
		.step li {display:inline-flex; vertical-align:middle; margin-bottom:5px;}
		.step li p {display:inline-flex;  border-radius:50px; background:#4145a9;vertical-align:middle; padding:6px 10px; font-weight:600; line-height:1.2em; align-items: center; justify-content: center; color:#fff; font-size:.9em;}

/*공지사항*/
.searchBox {text-align:right; display:block; margin-top:10px;}
		.searchBox button {font-size:14px;}
	.searchBox .dropdown-menu {display:none; /*display:block;*/}
		.searchBox .dropdown-menu a {font-size:14px;}
		.searchBox .dropdown-menu .active {background-color:#e5e5ea; color:#444; font-weight:600;}
	.searchBox div {display:inline-block; vertical-align:middle; }
	.searchSelect {position:relative; font-size:14px;}
		.searchSelect button {border:1px solid #ced4da;}
	.searchBox input.form-control {width:20%; display:inline-block; float:none; vertical-align:middle; margin:0 -5px 0 -4px; font-size:14px;}
	.searchBox .searchBtn {background:#6c757d; color:#fff;}
	/*리스트*/
.boardBox ul {margin-bottom:1rem;}
	.boardBox ul {display:table; width:100%; border-collapse:collapse; table-layout:fixed;}
		.boardBox li {display:table-row; border-bottom:1px solid #ddd; position:relative; font-size:15px;}
		.boardBox li.head {background:#f7f7fb; border-top:2px solid #696c75; border-bottom:1px solid #999; font-weight:600; }
			.boardBox li.head .subject {text-align:center;}
			.boardBox p, .boardBox .subject {display:table-cell; text-align:center; padding:15px; vertical-align:middle; }
			.boardBox .no_number {text-indent:-9999px; position:relative;}
				.boardBox .no_number::after {content:""; background:url("../img/sub/icon_notice-1.png") no-repeat center; width:26px; height:18px; display:block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -15px ;}
			.boardBox .number {width:110px;}
			.boardBox .subject {width:auto; text-align:left;}
				.boardBox .subject a {display:block;}
				.boardBox .subject a:hover, .boardBox .subject a:active {text-decoration:underline;}
			.boardBox .writer {width:200px;}
			.boardBox .date {width:115px;}
			.boardBox .hit {width:100px;}

	/*보기,쓰기*/
.boardViewBox {margin:0 0 1rem 0;}
.ViewTitle {border-top:2px solid #696c75; border-bottom:1px solid #696c75; font-weight:600; padding:.8em .5em;}
.ViewDetail {text-align:right; font-size:13px; padding:.5em; overflow:hidden; border-bottom:1px solid #ccc;}
	.ViewDetail li {display:inline-block; margin:0 5px; font-weight:600; color:#444; vertical-align:middle;}
	.ViewDetail li.addFile {float:left; text-align:left;}
		.ViewDetail li span {display:inline-block; padding-left:5px; margin-left:5px; font-weight:normal; vertical-align:middle;}
		.ViewDetail li span.fileTitle {background:none; font-weight:600; color:#444;  display:inline-block; padding:0; margin-left:0;}
		.ViewDetail li a {display:block; border-bottom:1px dashed #ccc; padding:0.2em 0;}
		.ViewDetail li a:last-child {border-bottom:0;}
		.ViewDetail li a:hover, .ViewDetail li a:active {text-decoration:underline;}
.boardView {padding:.8em; border-bottom:1px solid #696c75; font-size:.9em;}

.pageBox ul li a.page-link {color:#666; font-weight:normal;}

.btnBox {text-align:right;}
	.btnBox button {font-size:15px; background:#fff; color:#555; border:1px solid #777; font-weight:600;}
	.btnBox button.btnDefault {background:#51acdd; color:#fff; border:1px solid #51acdd;}

.board {width:100%;}
	.board .row {margin:0;}
		.noticeTop td {font-weight:600;}
		.board th {border:1px solid #ddd; text-align:center; background:#f7f7fb; border-top:2px solid #696c75 !important; border-bottom:1px solid #999 !important; padding:15px 0 !important; font-size:15px;}
		.board td {border:1px solid #ddd; padding:15px 10px !important; font-size:15px; text-align:center;}
		.board td.subject {text-align:left;}
			.board td.subject a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:530px;}
			.board td.subject a:hover, .board td.subject a:active {font-weight:600; text-decoration:underline;}

.boardView {border-top:2px solid #696c75;}
.boardView th {border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important; vertical-align:middle !important;}
.boardView td {vertical-align:middle !important;}
.boardView tbody td {text-align:left; padding:15px 25px;}
.boardView tbody tr:last-child td {border-bottom:1px solid #696c75;}
.boardView td.addFile {padding:10px 20px;}
.boardView td.addFile a {display:block; text-align:left; padding:4px 0; border-bottom:1px dashed #ccc; font-size:14px;}
.boardView td.addFile a:last-child {border-bottom:0;}
.boardView td.addFile a img {vertical-align:middle; margin-right:4px;}

.boardView2 {margin-top:-1.1rem; border-top:2px solid #57abdb; }
.boardView2 thead tr th:first-child {border-left:1px solid #57abdb; }
.boardView2 thead tr td:last-child {border-right:1px solid #57abdb; }
.boardView2 tbody tr td {border-left:1px solid #57abdb; border-right:1px solid #57abdb; border-bottom:1px solid #57abdb !important;}

.boardWrite {border-top:2px solid #696c75;}
.boardWrite th {border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important; vertical-align:middle !important;}
.boardWrite td {vertical-align:middle !important;}
.boardWrite tbody td {text-align:left; padding:15px 25px;}
.boardWrite tbody tr:last-child td {border-bottom:1px solid #696c75;}
.boardWrite input {width:100%; border:1px solid #ccc; border-radius: 4px;}
.boardWrite textarea {width:100%; resize:none; border:1px solid #ccc; border-radius: 4px;}

.pageBox ul li a.page-link {color:#666; font-weight:normal;}

.btnBox {text-align:right;}
	.btnBox button {font-size:15px; background:#fff; color:#555; border:1px solid #777; font-weight:600;}
	.btnBox button.btnDefault {background:#2e3191; color:#fff; border:1px solid #2e3191;}


/*자주묻는질문*/
.qaTab {border-bottom:1px solid #2e3191;}
	.qaTab a {font-size:17px; color:#999; border-top:1px solid #ddd !important; border-left:1px solid #ddd !important;}
	.qaTab li:last-child a {border-right:1px solid #ddd !important; }
	.qaTab a.active {border-top:2px solid !important; border-color:#2e3191 #2e3191 #fff !important; font-weight:600; color:#333 !important; }
	.qaTab a:hover {color:#444; border-color:#2e3191 #2e3191 transparent !important;}
	.qaTab li:last-child a:hover {border-color:#2e3191 #2e3191 transparent !important; }

.qaListBox {margin-top:.8em; border-bottom:1px solid #ddd; margin-bottom: 20px;}
		.question {border:1px solid #ddd; border-bottom:0; font-weight:600; font-size:17px; padding:.6em .8em;}
		.question::before {content:url("../img/sub/icon_question-1.png"); width:32px; height:36px; display:inline-block; vertical-align:middle; margin-right:7px;}
		.answer {background:#f4f4f9; padding:.8em; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; }
		.answer::before {content:url("../img/sub/icon_answer-1.png"); width:32px; height:36px; display:inline-block; vertical-align:top; margin-right:7px;}
			.answer span {display:inline-block;}
.tabAndSearch {
    position:relative;
}
.tabAndSearch .searchBox{
    position:absolute;
    right:0;
    top:3px;
    width:auto ;
}

.tabAndSearch .searchBox button.searchBtn {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}
.searchSelectBox{
      height: 35px;
      border-radius: 0;
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem;
      color: black;
}
.searchInputBox{
    margin : 0 -4px 0 -5px !important;
    width: auto !important;
}